.goods-detail{
	.content{
		background-color: #e8e8e8;
		.goods-detail-info{
			padding: 10px;
			background-color: #fff;
			.info__price{
				margin: 10px 0 8px;
			}
			.info__data{
				display: flex;
				justify-content: flex-start;
				font-size: 13px;
				color: #909399;
				view{
					width: 33%;
				}
			}
		}
		.goods-detail-share{
			background-color: #ffe6e6;
			padding: 10px;
			display: flex;
			justify-content: space-between;
			.share__icon__text{
				display: flex;
				align-items: center;
				.share__icon{
					border: 1px solid #f56c6c;
					display: flex;
					line-height: 15px;
					border-radius: 3px;
					.share__icon__wrap{
						background-color: #f56c6c;
						text{
							margin: 0 2px;
						}
					}
					text{
						font-size: 13px;
						color: #f56c6c;
						margin: 2px 2px 0 ;
					}
				}
				.share__text{
					margin-left: 5px;
					font-size: 14px;
					color: #82848a;
				}
			}
			.share__todo{
				display: flex;
				font-size: 13px;
				color: #f56c6c;
			}
		}
		.goods-detail-msg{
			background-color: #fff;
			.msg__type,.msg__coupon,.msg__service{
				padding: 10px;
				display: flex;
				font-size: 14px;
				border-bottom: 1px solid #f0f0f0;
				.msg__type__label{
					width: 20%;
					color: #909399;
				}
				.msg__type__value{
					width: 75%;
				}
			}
			.msg__service{
				border: 0;
			}
		}
		.goods-detail-comment{
			background-color: #fff;
			margin: 6px 0;
			.comment__header{
				display: flex;
				justify-content: space-between;
				padding: 10px 10px 0;
				.comment__header_title{
					font-size: 18px;
					text{
						font-size: 16px;
					}
				}
				.comment__header_more{
					display: flex;
					font-size: 14px;
					align-items: center;
					color: #909399;
				}
			}
			.comment__one{
				padding: 10px;
				display: flex;
				.comment__one__avator{
					margin-right: 5px;
					image{
						width: 40px;
						height: 40px;
						border-radius: 50%;
					}
				}
				.comment__one__content{
					.one__content__nickname__rate{
						display: flex;
						.one__content__nickname{
							font-size: 15px;
							margin-right: 10px;
						}
					}
					.one__content__msg{
						font-size: 14px;
						margin: 5px 0;
					}
					.one__content__images{
						image{
							width: 80px;
							height: 80px;
						}
					}
					.one__content__time{
						font-size: 14px;
						color: #909399;
					}
				}
			}
		}
		.goods-detail-photo{
			background-color: #fff;
			.goods-detail-photo__title{
				padding: 10px 50px;
				.u-divider{
					margin: 0;
				}
			}
		}
		.goods-detail-bottom{
			position: fixed;
			width: 100%;
			height: 50px;
			background-color: #fff;
			display: flex;
			box-sizing: border-box;
			padding: 5px;
			bottom: 0;
			left: 0;
			box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.1);
			z-index: 11;
			.bottom__icon{
				width: 12%;
				text-align: center;
				.u-icon{
					justify-content: center;
				}
				text{
					font-size: 13px;
				}
			}
			.bottom__button{
				width: 64%;
				display: flex;
				view{
					width: 50%;
					text-align: center;
					line-height: 40px;
					color: #fff;
				}
				.bottom__button__join{
					background-color: #fea500;
					border-radius: 20px 0 0 20px;
				}
				.bottom__button__buy{
					background-color: #ff536f;
					border-radius:  0 20px 20px 0;
				}
			}
		}
	}
	.goods-detail-todo{
		.todo-wrap{
		  padding: 10px;
		  .todo-info{
			display: flex;
			justify-content: flex-start;
			.todo-price-stock{
			  margin-left: 10px;
			  .todo-price{
				color: #f56c6c;
				font-size: 18px;
				font-weight: bold;
			  }
			  .todo-specs-name{
				  font-size: 14px;
			  }
			  .todo-stock{
				color: #909399;
				font-size: 13px;
				  margin: 5px 0;
			  }
			}
		  }
		  .todo-specs{
			margin-top: 10px;
			overflow: hidden;
			.todo-specs-name{
			  margin-bottom: 10px;
			  color: #353535;
			  font-size: 13px;
			}
			.todo-specs-item{
			  float: left;
			  view{
				text-align: center;
				min-width: 40px;
				border: 1px solid #c4c6c9;
				padding: 5px;
				font-size: 13px;
				border-radius: 20px;
				margin-right: 10px;
			  }
			  .active{
				border-color: #f56c6c;
				color: #f56c6c;
				background-color: #fefaf9;
			  }
			}
		  }
		  .todo-count{
			margin-top: 20px;
			display: flex;
			justify-content: space-between;
		  }
		  .todo-button{
			margin-top: 20px;
			padding: 10px 0;
			background-color: #f56c6c;
			color: #fff;
			font-weight: bold;
			text-align: center;
			border-radius: 20px;
		  }
		}
	}
}